@charset "utf-8";
/* CSS Document */
.menubut,
.menuclose{
	display: none;
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 460px) {
	.menu{
		display: none;
		position: fixed;
		z-index: 9999;
		width: 100%;
		top: 66px;
		height: 100%;
		background: #fff;
		left: 0;
	}
	.menu li{
		line-height: 44px;
		border-top: 1px solid #ddd;
		margin: 0;
		text-align: center;
	}
	.menu li:last-child{
		border-bottom: 1px solid #ddd;
	}
	.menu li a{
		font-size: 14px;
	}
	.menubut{
		display: block;
		font-size: 34px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -17px;
		color: #2683c6;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.menuclose{
		display: block;
		font-size: 30px;
		position: absolute;
		right: 5%;
		top: 50%;
		margin-top: -15px;
		transform: scale(0);
		opacity: 0;
		color: #2683c6;
		-webkit-transition: all 0.3s;
		-moz-transition: 	all 0.3s;
		-ms-transition: 	all 0.3s;
		-o-transition: 		all 0.3s;
		transition: 		all 0.3s;
	}
	.toptel .text{
		display: none;
	}
	.toptel .iconfont{
		margin: 0 50px 0 0;
		font-size: 32px;
	}
	.logo{
		width: 120px;
		height: 66px;
	}
	.header{
		position: fixed;
		background: #fff;
		left: 0;
		top: 0;
		z-index: 9999;
		width: 100%;
		box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
	}
	.bannerbg,
	.banner_pc,
	.banner{
		margin: 66px 0 0 0;
	}
	.p80,
	.p100{
		padding: 40px 0;
	}
	.mt100{
		margin-top: 40px !important;
	}
	.stitle h2{
		font-size: 20px;
		line-height: 20px;
		padding: 0 30px;
	}
	.stitle h2::before,
	.stitle h2::after{
		width: 20px;
		height: 2px;
		margin-top: -1px;
	}
	.stitle p{
		font-size: 12px;
		line-height: 12px;
		margin: 5px 0 0 0;
	}
	.prolist li,
	.prolist li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.prolist li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.prolist li p{
		font-size: 14px;
		line-height: 40px;
	}
	.flex{
		flex-wrap: wrap;
	}
	.youshilist li{
		width: 49%;
		padding: 3%;
		margin: 0 0 2% 0;
	}
	.youshilist li p{
		font-size: 12px;
		line-height: 20px;
	}
	.youshilist li strong{
		font-size: 16px;
		margin: 10px 0 5px 0;
	}
	.abouttext{
		width: 100%;
	}
	.abouttext .stitle h2{
		text-align: center;
	}
	.abouttext .stitle p{
		font-size: 12px;
		text-align: center;
	}
	.abouttext .stitle p::after{
		margin: 10px auto 0 auto;
	}
	.aboutpic{
		width: 100%;
		margin: 40px 0 0 0;
	}
	.abouttext .more{
		margin: 20px auto 0 auto;
		width: 96px;
		line-height: 30px;
		font-size: 12px;
	}
	.honorslide .swiper-slide{
		transform: scale(1) !important;
	}
	.honorslide{
		padding: 0 30px;
	}
	.honorslide .swiper-container{
		padding: 0;
	}
	.honorslidebtn{
		width: 30px;
		line-height: 30px;
		z-index: 9;
		font-size: 16px;
		margin-top: -15px;
	}
	.honorslide li a{
		display: block;
		margin: 0 5%;
	}
	.honor .container,
	.cuslogoslide,
	.newslist,
	.contact .text{
		margin-top: 20px !important;
	}
	.cuslogoslide li a,
	.cuslogoslide li a:last-child{
		margin: 5% 2.5%;
	}
	.newslist li{
		width: 100%;
	}
	.newslist li:nth-child(1),
	.newslist li:nth-child(2){
		display: none;
	}
	.newslist li .text{
		padding: 5%;
	}
	.newslist li .text span{
		font-size: 16px;
	}
	.newslist li .text p{
		font-size: 12px;
		line-height: 18px;
	}
	.newslist li .text .date,
	.newslist li .text .more{
		font-size: 12px;
	}
	.contact .text{
		padding: 5%;
		font-size: 14px;
		line-height: 24px;
	}
	.contact .text h3{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.fmenu{
		display: none;
	}
	.fmessage{
		display: none;
	}
	.cr{
		padding: 10px 0;
		font-size: 12px;
	}
	.footer{
		padding: 50px 0 20px 0;
	}
	.cr a{
		font-size: 12px;
	}
	.fcontact .text{
		font-size: 14px;
	}
	
	.bannerbg, .listbanner, .nbanner{
		height: 200px;
	}
	.bannerbg .text h2{
		font-size: 20px;
		display: block;
		text-align: center;
	}
	.bannerbg .text p{
		font-size: 14px;
		display: block;
		text-align: center;
	}
	.bannerbg .text h2::after{
		margin: 10px auto;
		width: 40px;
	}
	.nabout .aboutpic{
		margin: 0;
	}
	.nabout .abouttext{
		margin: 40px 0 0 0;
	}
	.nabout .abouttext .text{
		font-size: 14px;
	}
	.aboutnum li{
		width: 50%;
	}
	.devslide li .cir{
		transform: rotate(0) !important;
		top: 0 !important;
		margin-bottom: auto !important;
		bottom: auto !important;
		margin-top: 0 !important;
	}
	.devslide li .dev_text{
		top: 0 !important;
		bottom: auto !important;
	}
	.devslide::before{
		top: 0;
		margin: 10px 0 0 0;
	}
	.devslidebtn{
		top: 0;
		margin: 0 0 0 0;
	}
	.devslide li .text{
		font-size: 14px;
		line-height: 24px;
	}
	.targetlist li.flex{
		width: 100%;
	}
	.targetlist li.flex:nth-child(2){
		flex-direction: row;
	}
	.targetlist li.flex .flex{
		height: 280px;
	}
	.targetlist li .text strong{
		font-size: 18px;
	}
	.targetlist li .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.nsolution li .pic{
		width: 100% !important;
	}
	.nsolution li .solutiontext{
		width: 100% !important;
		margin: 20px 0 0 0;
	}
	.nsolution li .solutiontext>strong{
		font-size: 18px;
	}
	.nsolution li:nth-child(2n) .container{
		flex-direction: row;
	}
	.nsolution li .solutiontext .text{
		font-size: 14px;
		line-height: 24px;
	}
	.nsolution li .more{
		width: 96px;
		line-height: 30px;
		font-size: 12px;
	}
	.nnewslist li{
		margin: 0 0 20px 0;
	}
	.nnewslist li a{
		padding: 5%;
		flex-wrap: wrap;
	}
	.nnewslist li .pic{
		width: 100%;
	}
	.nnewslist li .text{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.nnewslist li .text span{
		font-size: 16px;
	}
	.nnewslist li .text p{
		font-size: 12px;
		line-height: 18px;
	}
	.nnewslist li .text .flex{
		margin: 20px 0 0 0;
		font-size: 12px;
	}
	.ncontact li{
		width: 100%;
		padding: 20px 20px;
		margin: 0 0 20px 0;
	}
	.ncontact li span{
		font-size: 16px;
		margin: 10px 0;
	}
	.ncontact li strong{
		font-size: 18px;
	}
	.ncontact li p{
		font-size: 14px;
		line-height: 24px;
	}
	.ncontact li .iconfont{
		width: 50px;
		line-height: 50px;
		background-size: cover;
		font-size: 30px;
	}
	.banner_contact .text h2,
	.banner_contact .text p{
		color: #fff;
		text-shadow: 0 0 5px rgba(0,0,0,.8);
		opacity: 1;
	}
	.bannerbg .text h2::after{
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,.8);
	}

}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}